<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body {
            background: url("../image/bg.png");
        }

        table {
            width: 50%;
            /*border: 1px solid red;*/
            margin: auto;
            border-radius: 10px;
            background: white;
            margin-top: 100px;
            height: 250px;
        }

        table th {
            color: orangered;
            font-size: 30px;
        }

        table td {
            text-align: center;
            font-size: 18px;
        }

        table input {
            width: 70%;
            height: 30px;
            border-radius: 5px;
        }

        table tr {
            line-height: 40px;
        }

        table button {
            background: crimson;
            width: 90%;
            height: 33px;
            outline: none;
            border: red;
            border-radius: 5px;
            cursor: pointer;
            color: white;
            font-size: 20px;
        }
    </style>
</head>
<body>
<div>
    <img src="../image/logo.png">
</div>
<form action="#" method="get">
    <table>
        <tr>
            <th colspan="2">账&nbsp;密&nbsp;登&nbsp;录
                <hr>
            </th>
            <th></th>
        </tr>

        <tr>
            <td>
                <label for="zhanghao">账号</label>
            </td>
            <td>
                <input name="zhanghao" id="zhanghao" type="text" placeholder="请输入用户名">
            </td>
        </tr>
        <tr>
            <td>
                <label for="password">密码</label>
            </td>
            <td>
                <input name="pwd" id="password" type="password" placeholder="请输入密码">
            </td>
        </tr>
        <tr>
            <td colspan="2">
                <button type="submit">确&nbsp;定</button>
            </td>
        </tr>
    </table>
</form>

</body>
</html>